<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <style type="text/css">
            body {
                line-height: 1.5;
                word-wrap: break-word; /*连续的数字或者英文就会不换行 得使用强制换行*/
                word-break: break-all; /*连续的数字或者英文就会不换行 得使用强制换行*/
            }
            p {
                text-indent: 2em;
            }
            img {
                max-width: 100%;
                height: auto;
            }
            #listview > p.cancelind {
                text-indent: 0;
            }
            #header {
                height: 2.75em;
                background-color: rgba(00,00,00,.3);
                color: #00b7fa;
                position: fixed;
                z-index: 9999;
            }
            #header.changecolor {
                background-color: rgba(00,00,00,.05);
                color: #00b7fa;
            }
        </style>
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
            <!--header开始-->
            <div id="header" class="uh ub header" style="">
                <div class="nav-btn" id="nav-left">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0"></h1>
                <div class="nav-btn nav-bt" id="nav-right"></div>
            </div>
            <!--header结束--><!--content开始-->
            <!-- <div id="content" class="ub-f1 tx-l">

            </div> -->
            <div id="listview" style=" margin-top: 2.75em"></div>
            <!--content结束-->

        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
    </body>
    <script>
        var id = appcan.locStorage.getVal('recordid');
        appcan.ready(function() {
            uexWindow.setWindowScrollbarVisible(false);
            var requesturl = 'http://apis.baidu.com/tngou/info/show';
            appcan.request.ajax({
                url : requesturl,
                type : 'get',
                data : {
                    id : id
                },
                headers : {
                    "apikey" : "61d35684d6ea7bebf32b8bbc972d8213"
                },
                dataType : 'json',
                success : function(data, status, xhr) {
                    //console.log(data.message)
                    if (data.status) {
                        $("#listview").html(data.message);
                        $("img").parent().addClass("cancelind");
                        $("img").wrap("<div class=\"ub ub-ac ub-pc umar-t\"></div>");
                        $("a").removeAttr('href');
                        //去掉a标签中的href属性
                        $("a").removeAttr('onclick');
                        //去掉a标签中的onclick事件
                    } else if (data.status && obj.length == 0) {
                        appcan.window.openToast('无更多数据!', '2000', 8, 0);
                    }
                },
                error : function(xhr, status, errMessage) {
                    // alert(errMessage+"err");
                    appcan.window.openToast('获取数据失败!', '2000', 8, 0);
                }
            });
        });

        appcan.button("#nav-left", "btn-act", function() {
            appcan.window.close(-1);
        })
        window.onscroll = function() {
            var titHeight = $('#header').offset().height;
            var topH = document.documentElement.scrollTop || document.body.scrollTop;
            if (topH > titHeight) {
                $("#header").addClass("changecolor");
            } else if (topH < titHeight) {
                $("#header").removeClass("changecolor");
            }
        }
    </script>
</html>